﻿<SettingsFlyout
    x:Class="CustomStyles.Views.Settings"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CustomStyles.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    IconSource="Assets/SmallLogo.png"
    Title="Settings"
    d:DesignWidth="346">

    <!-- This StackPanel acts as a root panel for vertical layout of the content sections -->
    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >

        <!-- The StackPanel(s) below define individual content sections -->

        <!-- Content Section 1-->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">

            <!-- Section 1 header -->
            <TextBlock Style="{StaticResource TitleTextBlockStyle}" Text="App Theme" />
            <StackPanel Margin="0,25,0,0">
                <Button Width="250" HorizontalContentAlignment="Left" Click="Button_Click" Tag="Red">
                    <StackPanel Orientation="Horizontal">
                        <Rectangle Height="50" Width="50" Fill="Red" />
                        <TextBlock Text="Red" Style="{StaticResource HeaderTextBlockStyle}" Margin="10,10" />
                    </StackPanel>
                </Button>
                <Button Width="250" HorizontalContentAlignment="Left" Click="Button_Click_1" Tag="Green">
                    <StackPanel Orientation="Horizontal">
                        <Rectangle Height="50" Width="50" Fill="Green" />
                        <TextBlock Text="Green" Style="{StaticResource HeaderTextBlockStyle}" Margin="10,10" />
                    </StackPanel>
                </Button>
                <Button Width="250" HorizontalContentAlignment="Left" Click="Button_Click_2" Tag="Blue">
                    <StackPanel Orientation="Horizontal">
                        <Rectangle Height="50" Width="50" Fill="Blue" />
                        <TextBlock Text="Blue" Style="{StaticResource HeaderTextBlockStyle}" Margin="10,10" />
                    </StackPanel>
                </Button>
            </StackPanel>

            <!-- Section 1 body -->

        </StackPanel>

        <!-- Define more Content Sections below as necessary -->

    </StackPanel>
</SettingsFlyout>
